/*全局样式*/

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#000;}
img{max-width:100%; height:auto}
.wrapper{width:1200px;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:60px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:60px 0;}


/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:86px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#logo{left:0; top:16px;width:auto; height: 55px; overflow:hidden;}
#logo img{display:block; width: auto; height: 100%;}
#nav{ left: 50%; transform: translateX(-50%);}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; padding:0 22px; text-align:center; border-left: 1px #e5e5e5 solid;}
#nav > ul > li:last-child{border-right: 1px #e5e5e5 solid;}
#nav > ul > li > a{display:block; height:86px; line-height:86px; font-size:16px; overflow:hidden; font-weight: bold; white-space: nowrap;}
#nav > ul > li:hover > a{color:#07953f;}
#nav > ul > li.current > a{font-weight:bold; color:#07953f;}
#nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#07953f;}
#nav > ul > li ul{position:absolute; left:50%; top:86px; transform:translate(-50%,20px); display:none; min-width:116px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:15px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#07953f; transition:all 0.2s linear;}
#pho{right:0; top:16px;width:auto;overflow:hidden; background: url(../images/pho.png) no-repeat 0 center; padding-left: 52px;}
#pho p{ font-family: arial; font-size: 24px; font-weight: bold; color: #030303;}
#pho p:last-child{letter-spacing:1px;}

/*首页样式*/

#banner{width:100%; height:750px; overflow:hidden;}
#banner .swiper-wrapper{height:750px;}
#banner .swiper-slide{width:100%; height:750px;}
#banner .swiper-slide img{width:100%; height:750px;}
#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#07953f;}

.title{text-align: center;}
.title h4{font-size:30px; color:#333; font-family: arial; text-transform: uppercase; font-weight: bold;}
.title em{display:block; background:#07953f;  width: 25px; height: 3px; margin: 10px auto;}
.title h2{ display:block;font-size:20px;color:#333; }

.main-news{ background: #fff; border-bottom: 1px #e5e5e5 solid; height: 110px;}
.main-news ul{ display: flex; justify-content: start;/*justify-content: space-between;*/}
.main-news ul li{ width: 25%; border-right:1px #e5e5e5 solid;height: 110px; padding: 20px;}
.main-news ul li:last-child{ border-right: none;}
.main-news ul li .date{ font-size: 14px; background: #e6f4eb; width: 50px; height: 20px; text-align: center; line-height: 20px; color: #07953f; font-family: arial;}
.main-news ul li .news-title{ font-size: 16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #333; margin: 5px 0; display: block;}
.main-news ul li .news-title em{ border: 1px #f3564e solid; font-size: 12px;width: 36px; text-align: center; height: 20px; line-height: 20px; border-radius:5px; color: #f3564e; margin-right: 5px; font-family: arial;display: inline-block;}
.main-news ul li p{font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.main-news ul li:hover .news-title{ color: #07953f;}
.main-news ul li:hover p{ color: #333;}
.wrap-product{ background: url(../images/product-bg.jpg) no-repeat center 0; padding: 70px 0;}
#product{ display: flex; justify-content: space-between; margin-top: 60px;}
#product #product-thumb{width: 50%;}
#product #product-thumb .swiper-slide{ padding-left: 80px;cursor: pointer;}
#product #product-thumb .swiper-slide .text h3{ font-family: arial; font-size: 24px; color: #222;}
#product #product-thumb .swiper-slide .text h4{ display: none;}
#product #product-thumb .swiper-slide.swiper-slide-thumb-active .text{ border-left:8px #07953f solid; padding-left: 10px; }
#product #product-thumb .swiper-slide.swiper-slide-thumb-active .text h3{color:#07953f; font-weight: bold;}
#product #product-thumb .swiper-slide.swiper-slide-thumb-active .text h4{display: block;font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%;}
#product #product-item{width: 50%;}
#product #product-item .swiper-slide{ width: 600px; height: 395px;}
#product #product-item .swiper-slide img{ width: 600px; height: 395px;}
.wrap-product .pro-more{ width: 180px; height: 50px; border:2px #07953f solid; border-radius: 50px; text-align: center; line-height: 46px; margin-left: 50px; overflow: hidden;}
.wrap-product .pro-more a{display: block; color: #07953f; display: flex; justify-content: center; align-items: center;gap:0 10px; padding-left: 10px;}
.wrap-product .pro-more a em{display: block; width: 0;height: 10px;background: url(../images/more-icon.png) no-repeat 0 0; transition: 0.3s all; margin-top: -3px;}
.wrap-product .pro-more a:hover em{display: block; width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat 0 0; transition: 0.3s all;}
#projects{ margin-top: 50px;}
#projects .projects-list ul{ display: flex; justify-content: center; gap:0 10px;}
#projects .projects-list ul li{ width: 120px; height: 32px; text-align: center; line-height: 30px; border: 1px #d2d2d2 solid;}
#projects .projects-list ul li a{display: block; font-size: 16px; color: #666666;}
#projects .projects-list ul li.cur{background: #07953f;border: 1px #07953f solid;} 
#projects .projects-list ul li.cur a{color: #fff;}
#projects .projects-tabs{margin-top: 40px;}
#projects .projects-tabs .projects-item{ display: none;}
#projects .projects-tabs .projects-item ul{ display: flex; gap:0 15px; flex-wrap: wrap;}
#projects .projects-tabs .projects-item ul li{ width: 390px; background: #f5f5f5; margin-bottom: 15px;}
#projects .projects-tabs .projects-item ul li .projects-img{ width: 390px; height: 260px; overflow: hidden;}
#projects .projects-tabs .projects-item ul li .projects-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#projects .projects-tabs .projects-item ul li .projects-cont{ padding: 10px 20px; display: flex;align-items: center;}
#projects .projects-tabs .projects-item ul li .projects-cont .left{ flex: 1; overflow: hidden;}
#projects .projects-tabs .projects-item ul li .projects-cont .left h3{ font-size: 16px;color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px;}
#projects .projects-tabs .projects-item ul li .projects-cont .left p{ font-size: 14px;color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding-right: 30px;}
#projects .projects-tabs .projects-item ul li .projects-cont .right{width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat -24px 0; transition: 0.3s all;}
#projects .projects-tabs .projects-item ul li:hover .projects-cont .right{width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat 0px 0; transition: 0.3s all;}

#projects .projects-tabs .projects-item ul li:hover .projects-img img{transform: scale(1.2); transition: 0.5s all;}
#projects .projects-tabs .projects-item ul li:hover .left h3{ color: #07953f; }
.wrap-news{ background: url(../images/news-bg.jpg) no-repeat center 0; height: 710px; padding: 50px 0;}
#xwdt-title{ display: flex; justify-content: space-between; align-items: center;}
#xwdt-title .title{ text-align: left; flex: 1;}
#xwdt-title .title em{ margin: 10px 0;}
#xwdt-title .news-more{ width: 180px; height: 50px; border-radius: 50px; border: 2px #07953f solid; text-align: center; line-height: 50px;}
#xwdt-title .news-more a{ display: block; color: #07953f; font-size: 14px;display: flex; justify-content: center; align-items: center;gap:0 10px; padding-left: 10px;}
#xwdt-title .news-more a em{display: block; width: 0;height: 10px;background: url(../images/more-icon.png) no-repeat 0 0; transition: 0.3s all; margin-top: -3px;}
#xwdt-title .news-more a:hover em{display: block; width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat 0 0; transition: 0.3s all;}
#news{ margin-top: 40px; display: flex; justify-content: space-between;}
#news .left{width: 580px; background: #fff; border-radius: 10px; overflow: hidden;}
#news .left .news-img{width: 580px; height: 320px; overflow: hidden;}
#news .left .news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#news .left .news-img video{ width: 100%; height: 100%;}
#news .left section{ padding:15px 20px;}
#news .left section h3{ font-weight: bold; font-size: 20px; color: #333; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px;}
#news .left section p{font-size: 15px; color: #666; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px;}
#news .left section .n-date{font-size: 15px; color: #666; margin-top: 10px;}
#news .left:hover .news-img img{ transform: scale(1.1); transition: 0.5s all;}
#news .left:hover h3{ color: #07953f;}
#news .left:hover p{ color: #333;}
#news .right{width: 580px;}
#news .right ul li{ background: #fff; width: 100%; height: 107px; padding: 25px 0; margin-bottom: 10px; border-radius: 10px;}
#news .right ul li:last-child{ margin-bottom: 0;}
#news .right ul li a{ display: flex; justify-content: space-between;}
#news .right ul li .r-time{ width: 107px; text-align: center; font-size: 15px; color:#666; line-height: 30px; border-right: 1px #e5e5e5 solid; font-family: arial;}
#news .right ul li .r-time span{ font-size: 30px; font-weight: bold; color:#333; display: block;}
#news .right ul li .r-news-cont{ flex: 1; padding: 0 25px; overflow: hidden;}
#news .right ul li .r-news-cont h3{ font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#news .right ul li .r-news-cont p{ font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;}
#news .right ul li:hover .r-time span{ color: #07953f;}
#news .right ul li:hover .r-news-cont h3{color: #07953f;}
#news .right ul li:hover .r-news-cont p{color: #333;}
.wrap-about{ background: url(../images/about-bg.jpg) no-repeat center top; padding: 60px 0;}
.wrap-about .title{ text-align: left; }
.wrap-about .title h4{color: #fff;}
.wrap-about .title h2{color: #fff;}
.wrap-about .title em{ margin: 10px 0;background: #fff;}	
#about{ background: #fff; margin: 40px -40px 0 -40px; padding:40px; display: flex; justify-content: space-between;}	
#about .left{ width: 740px;}
#about .right{ width: 380px; height: 265px; overflow: hidden;}	
#about .right img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}	
#about .right:hover img{ width: 100%; height: 100%; transform: scale(1.1); transition: 0.5s all;}	
#about .left .about-cont p{ text-indent: 30px; font-size: 16px; line-height: 30px; color: #333;}	
#about .left .about-list{ margin-top: 40px;}		
#about .left .about-list ul{ display: flex; justify-content: space-around;}
#about .left .about-list ul li{ width: 33%; text-align: center;}
#about .left .about-list ul li .about-icon{width: 60px; height: 60px; border-radius: 100%; background: #eeeeee; margin: 0 auto;}
#about .left .about-list ul li:nth-child(1) .about-icon em{ background: url(../images/about-icon1.png) no-repeat 0 center; display: block; width: 31px; height: 60px; margin:0 auto;transition: 0.5s all;}
#about .left .about-list ul li:nth-child(2) .about-icon em{ background: url(../images/about-icon2.png) no-repeat 0 center; display: block; width: 32px; height: 60px; margin:0 auto;transition: 0.5s all;}
#about .left .about-list ul li:nth-child(3) .about-icon em{ background: url(../images/about-icon3.png) no-repeat 0 center; display: block; width: 27px; height: 60px; margin:0 auto;transition: 0.5s all;}
#about .left .about-list ul li span{ font-size: 16px; color: #333; display: block; margin-top: 10px;}
#about .left .about-list ul li:hover span{color: #07953f;}
#about .left .about-list ul li:nth-child(1):hover .about-icon em{ background: url(../images/about-icon1-h.png) no-repeat 0 center; transform: rotateY(360deg); transition: 0.5s all;}
#about .left .about-list ul li:nth-child(2):hover .about-icon em{ background: url(../images/about-icon2-h.png) no-repeat 0 center;transform: rotateY(360deg); transition: 0.5s all;}
#about .left .about-list ul li:nth-child(3):hover .about-icon em{ background: url(../images/about-icon3-h.png) no-repeat 0 center;transform: rotateY(360deg); transition: 0.5s all;}

#footer{ background: #434343; padding-top: 100px;}
#footer .wrapper{ display: flex; justify-content: space-between;}
#footer .wrapper .left{ width: 900px;}
#footer .wrapper .left ul{ display: flex; flex-wrap: wrap;}
#footer .wrapper .left ul li{ width: 300px; font-size: 14px; color: #fff; line-height: 36px; padding-left: 20px; display: flex;}
#footer .wrapper .left ul li:nth-child(n+3){ width: 100%;}	
#footer .wrapper .left ul li:nth-child(1){ background: url(../images/f-icon1.png) no-repeat 0 center;}
#footer .wrapper .left ul li:nth-child(2){ background: url(../images/f-icon5.png) no-repeat 0 center;}
#footer .wrapper .left ul li:nth-child(3){ background: url(../images/f-icon2.png) no-repeat 0 center;}
#footer .wrapper .left ul li:nth-child(4){ background: url(../images/f-icon3.png) no-repeat 0 center;}
#footer .wrapper .left ul li:nth-child(5){ background: url(../images/f-icon4.png) no-repeat 0 10px;}
#footer .wrapper .left ul li em{ white-space: nowrap;}
#footer .wrapper .left ul li span a{ color: #aaa; padding: 0 10px; position: relative; line-height: 30px;}
#footer .wrapper .left ul li span a:nth-child(1){ padding-left:0;}
#footer .wrapper .left ul li span a:after{ content: ''; position: absolute; top: 4px; right: 0; width: 2px; height:13px; background: #575757; }
#footer .wrapper .left ul li span a:nth-last-child(1):after{  width: 0px; }
#footer .wrapper .left ul li span a:hover{ color: #fff;}
#footer .wrapper .right{ width: 265px;}
#footer .wrapper .right ul{ display: flex; justify-content: space-between;}
#footer .wrapper .right ul li{ width: 115px; text-align: center;}
#footer .wrapper .right ul li img{ width: 115px; height: 115px;}
#footer .wrapper .right ul li span{display: block; font-size: 14px; color: #fff; padding-top: 5px;}
#copyright{width: 1200px;margin: 120px auto 0 auto; border-top:1px #565656 solid; padding: 20px 0; }
#copyright p{text-align: center; color: #aaaaaa;}
#copyright p a{color: #aaaaaa;}
#copyright p a:hover{color: #fff;}
.ny-banner{ width: 100%; height: 258px;}
.mbx-nav{ height: 50px; background: #f5f5f5; line-height: 50px; font-size: 15px; color:#666;}
.mbx-nav .wrapper{ background: url(../images/home.png) no-repeat 0 center; padding-left: 25px;}
.mbx-nav span{ color: #333;}
.mbx-nav a{ color: #666;}
.mbx-nav a:hover{color: #07953f;}
.ny-product{ margin-top: 40px;}
.ny-product .wrapper ul{ display: flex; flex-wrap: wrap; gap:0 20px;}
.ny-product .wrapper ul li{ width: 386px;  margin-bottom: 20px;}
.ny-product .wrapper ul li .ny-cp-img{ width: 386px; height: 300px;background: #f5f5f5; overflow: hidden; display: flex;align-items: center; justify-content: center;}
.ny-product .wrapper ul li .ny-cp-img img{width: 386px; height: 254px; transform: scale(1.0); transition: 0.5s all;}
.ny-product .wrapper ul li h4{ height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #333;}
.ny-product .wrapper ul li:hover .ny-cp-img img{transform: scale(1.1); transition: 0.5s all;}
.ny-product .wrapper ul li:hover h4{ color: #07953f;}
.weo-page{margin:50px 0;}
.weo-page a{min-width:32px; height:32px; line-height:32px; margin-left:10px; padding:0; border-color:#ccc; font-size:14px; color:#666;display: flex; align-items: center; border-radius: 5px; justify-content: center;}
.weo-page a:hover{border-color:#07953f; color:#07953f;}
.weo-page a.count{border-color:#07953f; color:#666;}
.weo-page a.weo-page-on{background:#07953f; border-color:#07953f; color:#fff;}

.product-xq-cont{ margin: 40px 0;display:flex; justify-content: space-between;}
.product-xq-cont .left{width: 500px; background: #f5f5f5; display: flex; align-items: center; justify-content: center;}
.product-xq-cont .left img{ width: 100%; height: auto;}
.product-xq-cont .right{ width: 650px}
.product-xq-cont .right h2{ font-family: arial; font-size: 30px; color: #333; height: 60px;line-height: 60px; border-bottom: 1px #e5e5e5 solid;}
.product-xq-cont .right section{ margin-top: 20px;}
.product-xq-cont .right section p{ display: flex; font-size: 15px; line-height: 28px; color: #333; margin-bottom: 10px;}
.product-xq-cont .right section p em{ font-weight: bold; white-space: nowrap; padding-right: 20px;}
.product-xq-item{ margin-bottom: 40px;}
.product-xq-item .cpjs-title{ height: 40px; line-height: 40px; background: #f5f5f5;}
.product-xq-item .cpjs-title em{display: inline-block; background: #07953f; width: 100px; text-align: center; height: 40px; line-height: 40px; color:#fff; font-size: 16px; font-weight: bold;}
.product-xq-item section{ padding-top: 20px;}
.product-xq-item p{ font-size: 15px; line-height: 30px;}

.ny-project{ padding: 40px 0;}
.ny-project .project-menu ul{ display: flex; justify-content: center; gap:0 10px;}
.ny-project .project-menu ul li{ width: 120px; height: 36px; line-height: 34px; text-align: center; border:1px #d2d2d2 solid;}
.ny-project .project-menu ul li a{ display: block; font-size: 16px; color: #666;}
.ny-project .project-menu ul li.cur,.ny-project .project-menu ul li:hover{ background: #07953f;border:1px #07953f solid;}
.ny-project .project-menu ul li.cur a,.ny-project .project-menu ul li:hover a{ color: #fff;}
.ny-project .ny-project-item{ margin-top: 40px;}
.ny-project .ny-project-item ul{ display: flex; gap:0 15px; flex-wrap: wrap;}
.ny-project .ny-project-item ul li{ width: 390px; background: #f5f5f5; margin-bottom: 15px;}
.ny-project .ny-project-item ul li .projects-img{ width: 390px; height: 260px; overflow: hidden;}
.ny-project .ny-project-item ul li .projects-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-project .ny-project-item ul li .projects-cont{ padding: 10px 20px; display: flex;align-items: center;}
.ny-project .ny-project-item ul li .projects-cont .left{ flex: 1; overflow: hidden;}
.ny-project .ny-project-item ul li .projects-cont .left h3{ font-size: 16px;color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px;}
.ny-project .ny-project-item ul li .projects-cont .left p{ font-size: 14px;color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding-right: 30px;}
.ny-project .ny-project-item ul li .projects-cont .right{width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat -24px 0; transition: 0.3s all;}
.ny-project .ny-project-item ul li:hover .projects-cont .right{width: 24px; height: 10px; background: url(../images/more-icon.png) no-repeat 0px 0; transition: 0.3s all;}

.ny-project .ny-project-item ul li:hover .projects-img img{transform: scale(1.2); transition: 0.5s all;}
.ny-project .ny-project-item ul li:hover .left h3{ color: #07953f; }
.ny-news{ margin-top: 40px;}
.ny-news .news-menu ul{ display: flex; justify-content: center; gap:0 10px;}
.ny-news .news-menu ul li{ width: 120px; height: 36px; line-height: 34px; text-align: center; border:1px #d2d2d2 solid;}
.ny-news .news-menu ul li a{ display: block; font-size: 16px; color: #666;}
.ny-news .news-menu ul li.cur,.ny-news .news-menu ul li:hover{ background: #07953f;border:1px #07953f solid;}
.ny-news .news-menu ul li.cur a,.ny-news .news-menu ul li:hover a{ color: #fff;}

.ny-news-item{ margin-top: 40px;}
.ny-news-item ul li{position:relative; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.ny-news-item ul li:first-child{margin-top:0;}
.ny-news-item ul li:after{content:''; position:absolute; left:0; right:100%; bottom:-1px; display:block; height:1px; background:#07953f; opacity:0; transition:all 0.3s linear;}
.ny-news-item ul li a{display:flex; align-items:center;}
.ny-news-item ul li span{width:260px; height:190px; overflow:hidden; border-radius: 10px;}
.ny-news-item ul li img{width:260px; max-width:none; height:190px; transition:transform 0.3s linear;}
.ny-news-item ul li section{ margin-left:30px; width: 910px;}
.ny-news-item ul li section h4{height:18px; line-height:18px;  font-size:14px; color:#666; overflow:hidden; margin-top: 10px;}
.ny-news-item ul li section h3{height:24px; line-height:24px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.1s linear; color:#333; font-weight: bold;}
.ny-news-item ul li section p{line-height:30px; margin-top:15px; font-size:15px; color:#999;-webkit-line-clamp:2; color: #666;}
.ny-news-item ul li section h5{ background: url(../images/more-icon.png) no-repeat -24px center; width: 24px; height: 10px;  margin-top:30px; transition: 0.3s all;}
.ny-news-item ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;}
.ny-news-item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
.ny-news-item ul li:hover section h3{color:#07953f; transition:all 0.1s linear;}
.ny-news-item ul li:hover section h5{ background: url(../images/more-icon.png) no-repeat 0 center;transition: 0.3s all;}

.news-detail-title{ padding: 0 50px; text-align: center; margin-top: 10px;}
.news-detail-title h2{font-size: 24px; color:#333; line-height: 36px;  font-weight: bold;}
.news-detail-title .time{font-size: 15px; color:#999; margin-top: 10px;}
#article{line-height:32px; margin-top:30px; padding-top:30px; border-top:1px solid #dbdbdb ; font-size:15px; color:#333; font-family: "微软雅黑" !important;}
#prev-next{margin:50px 0;background: #f5f5f5; padding: 30px;}
#prev-next a{width:100%; display:block;height:30px; line-height:30px; font-size:15px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#07953f;}
.ny-jobs{ margin: 40px 0;}

.job_jian {padding-top: 30px;}
.job_jian {display: flex;justify-content: space-between;}
.job_jian_right {padding-left: 50px;}
.job_jian_right h2 {font-size: 24px;color: #333333;padding-top: 14px;}
.job_jian_right h3 {font-size: 15px;color: #666666;line-height: 30px;margin-top: 20px;}
.job_jian_right h3 span {color: #07953f;}

.ny-jobs .job-tabs{ margin-top: 60px;}
.ny-jobs .job-tabs ul li{ margin-bottom: 2px;}
.job_list_title{height: 54px; line-height:  54px; color: #666; background: #f5f5f5; display: flex; justify-content: space-between; padding: 0 50px;cursor: pointer;}
.job_list_title span{font-size: 16px; width: 25%; text-align: center;}

.job_xxnr section{padding: 15px 20px;}
.job_xxnr section p{ font-size: 15px; line-height: 32px; color: #666;}
.job_sel{background: #07953f; color: #FFFFFF;}
.job_list_title span i{ font-style: normal; background: url(../images/jia.png) no-repeat right center;  padding-right:20px;display: inline-block; }
.job_sel span i{background: url(../images/jian.png) no-repeat right center; }
.job_list_title span.gw{ font-weight: bold;text-align: left;}
.job_list_title span.dz{background: url(../images/job_dz.png) no-repeat 100px center;   }
.job_list_title span.rs{background: url(../images/job_rs.png) no-repeat 100px center;  background-size: 20px;}
.job_list_title span.ckxq{ text-align: right;}
.job_sel span.dz{background: url(../images/job_dzh.png) no-repeat 100px center;  }
.job_sel span.rs{background: url(../images/job_rsh.png) no-repeat 100px center; background-size: 20px; }
.ny-contact{ width: 1200px;}
.ny-contact h3{ text-align:center; font-size: 30px; color: #333;}
.ny-contact h4{ text-align:center; font-size: 16px; color: #666; margin-top: 10px;}
.ny-contact ul{ display: flex; justify-content: space-between;gap:0 20px;}
.ny-contact ul li{ width: 25%; background: #f5f5f5;border-radius: 10px; padding: 30px 20px; text-align:center;}
.ny-contact ul li .ny-contact-icon{ width: 70px; height: 70px; border-radius: 100%; border: 1px #dcdcdc solid; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.ny-contact ul li .ny-contact-tt{ height: 35px; line-height: 30px;  font-size: 16px; font-weight: bold; color: #333; margin-top: 10px;}
.ny-contact ul li p{ line-height: 24px;  font-size: 15px; color: #666; }
.ny-contact ul li:hover .ny-contact-icon{ transform: rotateY(360deg); transition: 0.5s all;}
.ny-contact ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.ny-contact ul li .ewm-img{ display: none;}
.ny-contact ul li .ewm-img img{ width: 110px; height: 110px; margin: 0 auto;}
.ny-contact ul li .ewm-img span{ display: block; font-size: 15px; color: #666; margin-top: 10px;}
.ny-contact ul li:last-child:hover .ewm-img{ display: block;}
.ny-contact ul li:last-child:hover .ny-contact-icon,.ny-contact ul li:last-child:hover .ny-contact-tt,.ny-contact ul li:last-child:hover p{ display: none;}
#map{ width: 100%; height: 400px; margin-top: 40px;}
.ny-about{ display: flex; justify-content: space-between;}
.ny-about .left{ width:560px; height: 426px; overflow: hidden; border-radius: 10px;}
.ny-about .left img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-about .left:hover img{transform: scale(1.1); transition: 0.5s all;}
.ny-about .right{ flex: 1; margin-left: 50px;}
.ny-about .right h2{ font-size: 24px; color: #333; font-weight:bold; height: 40px; line-height: 40px;}
.ny-about .right section{ margin-top: 15px;}
.ny-about .right section p{ font-size: 15px; line-height: 30px; color: #666;}
.honor-menu ul{ display: flex; justify-content: center; gap:0 10px;}
.honor-menu ul li{ width: 120px; height: 36px; line-height: 34px; text-align: center; border:1px #d2d2d2 solid;}
.honor-menu ul li a{ display: block; font-size: 16px; color: #666;}
.honor-menu ul li.cur,.honor-menu ul li:hover{ background: #07953f;border:1px #07953f solid;}
.honor-menu ul li.cur a,.honor-menu ul li:hover a{ color: #fff;}
.ny-honor{ margin-top: 40px;}
.ny-honor ul{ display: flex; gap:30px 50px;flex-wrap: wrap;}
.ny-honor ul li{ width: 262px;}
.ny-honor ul li .ny-honor-img{ width: 262px; height: 160px; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 1px #d2d2d2 solid; padding: 10px;}
.ny-honor ul li .ny-honor-img img{ max-width:100%; max-height:100%;transform: scale(1.0); transition: 0.5s all;}
.ny-honor ul li span{ display: block; text-align: center; line-height: 24px; font-size: 15px; color: #333; margin: 10px 0 0 0;}
.ny-honor ul li:hover .ny-honor-img img{transform: scale(1.1); transition: 0.5s all;}


.pagination{margin:0 auto;gap:0px !important;display: flex;justify-content: center;padding: 20px 0;}
/* 自定义 page-item */
 .pagination .page-item {
     width: auto !important;
     margin: 0 2px; /* 调整分页项之间的间距 */
 }

/* 自定义 page-link */
.pagination .page-link {
    color: #666; /* 文字颜色 */
    background-color: #f8f9fa; /* 背景色 */
    border: 1px solid #dee2e6; /* 边框 */
    border-radius: 5px; /* 圆角 */
    padding: 8px 12px; /* 内边距 */
    transition: all 0.3s ease; /* 过渡效果 */
}

/* 鼠标悬停效果 */
.pagination .page-link:hover {
    color: #fff; /* 文字颜色 */
    background-color: #07953f; /* 背景色 */
    border-color: #07953f; /* 边框颜色 */
}


/* 禁用项 */
.pagination .page-item.disabled .page-link {
    color: #6c757d; /* 文字颜色 */
    background-color: #f8f9fa; /* 背景色 */
    border-color: #dee2e6; /* 边框颜色 */
    cursor: not-allowed; /* 鼠标样式 */
}

/* 当前选中项 */
.pagination .page-item.active .page-link {
    color: #fff; /* 文字颜色 */
    background-color: #07953f; /* 背景色 */
    border-color: #07953f; /* 边框颜色 */
}

#sj-product{ display:none;}
#page{ display:none;}




@media screen and (min-width: 751px) and (max-width: 1180px){
    
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}

#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}

#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-pho{top: 0.75rem;right: 4rem;font-size: 16px;font-weight: bold;color: #030303;background:url(../images/pho.png) no-repeat 0 center;background-size:30px; padding-left:2.3125rem;}
#sj-pho p:last-child{letter-spacing:0.0375rem;}

#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }

#banner{ padding-top:3.75rem; height:33.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:30rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
.main-news ul li{ width:100%; padding:20px 0;}
.wrap-product{ padding:40px 0;}
.title h4{font-size:20px;}
.title h2{ font-size:16px;}

#product #product-thumb .swiper-slide{ padding-left:20px;}
#product #product-thumb .swiper-slide .text h3{ font-size:20px;}
.wrap-product .pro-more{ margin-left:20px; width:160px; height:40px; line-height:36px;}
.wrap-product .pro-more a{ font-size:15px;}
.wrap-white.p1{ padding:40px 0;}
#projects{ margin-top:20px;}
#projects .projects-list ul{display:flex; justify-content:center;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#projects .projects-list ul::-webkit-scrollbar{ display:none;}
#projects .projects-list ul li{cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; }
#projects .projects-list ul li a{font-size:14px; padding:0 15px;}
#projects .projects-tabs .projects-item ul{gap:0 14px;}
#projects .projects-tabs .projects-item ul li{ width:32%;}
#projects .projects-tabs .projects-item ul li .projects-img{width:100%; height:150px;}
#projects .projects-tabs .projects-item ul li .projects-cont{ padding:10px; display:block;}
#projects .projects-tabs .projects-item ul li .projects-cont .right{display:none;}
#projects .projects-tabs .projects-item ul li .projects-cont .left h3{ font-size:15px; font-weight:bold;}
#projects .projects-tabs .projects-item ul li .projects-cont .left p{ padding-right:0;}
.wrap-news{ padding:40px 0; height:auto;background-size: cover;}
#xwdt-title{ display:block;}
#xwdt-title .news-more{ display:none;}
#xwdt-title .title{ text-align:center;}
#xwdt-title .title em{ margin:10px auto;}
#news{ margin-top:30px;}
#news .left{ width:50%;}
#news .left .news-img{ width:100%; height:210px;}
#news .left section{ padding:10px;}
#news .left section h3{ font-size:16px;}
#news .left section p{ font-size:14px; height:24px; line-height:24px; height:50px;}
#news .left section .n-date{ font-size:14px;}
#news .right{ width:48%;}
#news .right ul li{ padding:10px 0; height:auto;}
#news .right ul li .r-time{ width:86px; font-size:14px;}
#news .right ul li .r-news-cont{ padding:0 20px;}
#news .right ul li .r-news-cont h3{ font-size:16px;}
#news .right ul li .r-news-cont p{ font-size:14px;}
.wrap-about{ padding:40px 0;}
.wrap-about .title{ text-align:center;}
.wrap-about .title em{ margin:10px auto;}
#about{ display:block; margin:30px 0 0 0; padding:15px;}
#about .left{ width:100%;}
#about .left .about-cont p{ font-size:14px;}
#about .left .about-list{ margin-top:25px;}
#about .right{display:none;}
#about .left .about-list ul li .about-icon{ width:50px;height:50px;display: flex; align-items: center;}
#about .left .about-list ul li:nth-child(1) .about-icon em{ background-size:cover; width:25px; height:25px;}
#about .left .about-list ul li:nth-child(2) .about-icon em{ background-size:cover; width:25px; height:25px;}
#about .left .about-list ul li:nth-child(3) .about-icon em{ background-size:cover; width:21px; height:25px;}
#about .left .about-list ul li span{ font-size:14px;}
#footer{ padding-top:50px;}
#footer .wrapper .left{ width:60%;}
#footer .wrapper .left ul li{width:100%; line-height:24px; margin-bottom:10px;}
#footer .wrapper .left ul li:nth-child(4){background:url(../images/f-icon3.png) no-repeat 0 5px;}
#footer .wrapper .left ul li:nth-child(5){background:url(../images/f-icon4.png) no-repeat 0 5px;}
#footer .wrapper .right{ margin-top:20px; width:250px;}
#copyright{ width:100%; margin:50px auto 0 auto;}
#copyright p{ font-size:14px; line-height:24px;}

.ny-banner{ margin-top: 3.75rem;height: 130px;}
.mbx-nav{ font-size:14px;}
.mbx-nav .wrapper{ background:url(../images/home.png) no-repeat 15px center; padding-left:38px;}
.ny-product .wrapper ul li{ width:31%;}
.ny-product .wrapper ul li .ny-cp-img{ width:100%; height:200px;}
.ny-product .wrapper ul li .ny-cp-img img{ width:100%; height:100%;}
.ny-product .wrapper ul li h4{ font-size:16px;}
.product-xq-cont .left{ width:48%;}
.product-xq-cont .right{ width:50%; margin-left:20px; flex:1;}
.product-xq-cont .right h2{ font-size:24px;}
.product-xq-cont .right section p{ font-size:14px;line-height:24px;}
.product-xq-item .cpjs-title em{ font-size:15px;}
.ny-news .news-menu ul li a{font-size:14px; padding:0 15px;}
#projects .projects-tabs{ margin-top:30px;}
.news-detail-title{ padding:0;}
.news-detail-title h2{ font-size:22px;}
.news-detail-title .time{ font-size:14px;}
#prev-next{ margin:30px 0; padding:20px;}
.ny-news{ margin-top:30px;}
.ny-news-item{ margin-top:30px;}
.ny-news-item ul li{ margin-top:20px; padding-bottom:20px;}
.ny-news-item ul li section{ width:71%; margin-left:20px; flex:1;}
.ny-news-item ul li section h5{ display:none;}
.ny-news-item ul li span{ width:200px; height:125px;}
.ny-news-item ul li img{ width:100%; height:100%;}
.ny-news-item ul li section h3{ font-size:15px;}
.ny-news-item ul li section h4{ margin-top:5px;}
.ny-news-item ul li section p{ line-height:22px; margin-top:10px; font-size:14px;}
.ny-about .left{ width:40%; height:385px;}
.ny-about .right{ margin-left:30px; }
.ny-about .right h2{ font-size:20px;}
.ny-about .right section p{ line-height:28px;}
.ny-honor ul{gap:20px;}
.ny-honor ul li{width:23%;}
.ny-honor ul li .ny-honor-img{width:100%; height:120px;}
.ny-honor ul li span{ font-size:14px;}
.pagination .page-item{ font-size:14px;}
.ny-contact{ width:100%;}
.ny-contact ul{ flex-wrap:wrap; gap:20px;}
.ny-contact ul li{ width:23%; padding:20px 15px;}
.ny-contact ul li .ny-contact-icon{width:60px; height:60px;}
.ny-contact ul li .ny-contact-icon img{ width:18px;}
.ny-contact ul li .ny-contact-tt{ font-size:15px; height:30px;}
.ny-contact ul li p{ font-size:14px; line-height:22px;}
#map{ height:220px;}
.ny-jobs{ margin:30px 0;}
.job_jian{ padding-top:0; display:block;}
.job_jian .job_jian_left{ display:none;}
.job_jian_right{ padding-left:0;}
.job_jian_right h2{ font-size:22px; padding-top:0;}
.job_jian_right h3{ font-size:14px; line-height:26px; margin-top:10px;}
.ny-jobs .job-tabs{ margin-top:30px;}
.job_list_title{ height:45px; line-height:45px; padding:0 10px;}
.job_list_title span{ font-size:14px;}
.job_xxnr section{ padding:15px 0;}
.job_xxnr section p{ font-size:14px; line-height:28px;}
.job_sel span.rs{ background:none;}
.job_sel span.dz{ background:none;}
.job_list_title span.dz{ background:none;}
.job_list_title span.rs{ background:none;}
    
    
    
    
    
    
    
}





@media (max-width:750px){
	
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}

#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}

#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-pho{top: 0.75rem;right: 4rem;font-size: 16px;font-weight: bold;color: #030303;background:url(../images/pho.png) no-repeat 0 center;background-size:30px; padding-left:2.3125rem;}
#sj-pho p:last-child{letter-spacing:0.0375rem;}

#nav-btn{right:1rem; top:1.125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(../images/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(../images/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }

#banner{ padding-top:3.75rem; height:16.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:13rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
.main-news ul li{ width:100%; padding:20px 0;}
.wrap-product{ padding:40px 0;}
.title h4{font-size:20px;}
.title h2{ font-size:16px;}

#product{ display:none;}
#sj-product{ display:block; margin-top:20px;}
#sj-product .sj-cpt{ width:100%;}
#sj-product .sj-cpt img{ width:100%; }
#sj-product .text{ height:110px;}
#sj-product .text h3{ font-size:16px; font-weight:bold;}
#sj-product .text h4{ font-size:14px;  color:#666; margin-top:10px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:24px;}
.wrap-product .pro-more{ margin:20px auto 0 auto; width:160px; height:40px; line-height:36px;}
.wrap-product .pro-more a{ font-size:15px;}
.wrap-white.p1{ padding:40px 0;}
#projects{ margin-top:20px;}
#projects .projects-list ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#projects .projects-list ul::-webkit-scrollbar{ display:none;}
#projects .projects-list ul li{cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; }
#projects .projects-list ul li a{font-size:14px; padding:0 15px;}
#projects .projects-tabs .projects-item ul li{ width:47%;}
#projects .projects-tabs .projects-item ul li .projects-img{width:100%; height:120px;}
#projects .projects-tabs .projects-item ul li .projects-cont{ padding:10px; display:block;}
#projects .projects-tabs .projects-item ul li .projects-cont .right{display:none;}
#projects .projects-tabs .projects-item ul li .projects-cont .left h3{ font-size:15px; font-weight:bold;}
#projects .projects-tabs .projects-item ul li .projects-cont .left p{ padding-right:0;}
.wrap-news{ padding:40px 0; height:auto;background-size: cover;}
#xwdt-title{ display:block;}
#xwdt-title .news-more{ display:none;}
#xwdt-title .title{ text-align:center;}
#xwdt-title .title em{ margin:10px auto;}
#news{ display:block; margin-top:30px;}
#news .left{ width:100%;}
#news .left .news-img{ width:100%; height:180px;}
#news .left section{ padding:10px;}
#news .left section h3{ font-size:16px;}
#news .left section p{ font-size:14px; height:24px; line-height:24px;}
#news .left section .n-date{ font-size:14px;}
#news .right{ margin-top:10px; width:100%;}
#news .right ul li{ padding:15px 0; height:auto;}
#news .right ul li .r-time{ width:86px; font-size:14px;}
#news .right ul li .r-news-cont{ padding:0 20px;}
#news .right ul li .r-news-cont h3{ font-size:16px;}
#news .right ul li .r-news-cont p{ font-size:14px;}
.wrap-about{ padding:40px 0;}
.wrap-about .title{ text-align:center;}
.wrap-about .title em{ margin:10px auto;}
#about{ display:block; margin:30px 0 0 0; padding:15px;}
#about .left{ width:100%;}
#about .left .about-cont p{ font-size:14px;}
#about .left .about-list{ margin-top:25px;}
#about .right{display:none;}
#about .left .about-list ul li .about-icon{ width:50px;height:50px;display: flex; align-items: center;}
#about .left .about-list ul li:nth-child(1) .about-icon em{ background-size:cover; width:25px; height:25px;}
#about .left .about-list ul li:nth-child(2) .about-icon em{ background-size:cover; width:25px; height:25px;}
#about .left .about-list ul li:nth-child(3) .about-icon em{ background-size:cover; width:21px; height:25px;}
#about .left .about-list ul li span{ font-size:14px;}
#footer .wrapper{ display:block;}
#footer{ padding-top:50px;}
#footer .wrapper .left{ width:100%;}
#footer .wrapper .left ul li{width:100%; line-height:24px; margin-bottom:10px;}
#footer .wrapper .left ul li:nth-child(4){background:url(../images/f-icon3.png) no-repeat 0 5px}
#footer .wrapper .right{ margin-top:20px; width:250px;}
#copyright{ width:100%; margin:50px auto 0 auto;}
#copyright p{ font-size:14px; line-height:24px;}

.ny-banner{ margin-top: 3.75rem;height: 130px;}
.mbx-nav{ font-size:14px;}
.mbx-nav .wrapper{ background:url(../images/home.png) no-repeat 15px center; padding-left:38px;}
.ny-product .wrapper ul li{ width:47%;}
.ny-product .wrapper ul li .ny-cp-img{ width:100%; height:146px;}
.ny-product .wrapper ul li .ny-cp-img img{ width:100%; height:100%;}
.ny-product .wrapper ul li h4{ font-size:16px;}
.product-xq-cont{ display:block;}
.product-xq-cont .left{ width:100%;}
.product-xq-cont .right{ width:100%; margin-top:20px;}
.product-xq-cont .right h2{ font-size:24px;}
.product-xq-cont .right section p{ font-size:14px;line-height:24px;}
.product-xq-item .cpjs-title em{ font-size:15px;}
.ny-news .news-menu ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
.ny-news .news-menu ul::-webkit-scrollbar{ display:none;}
.ny-news .news-menu ul li{cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible; }
.ny-news .news-menu ul li a{font-size:14px; padding:0 15px;}
#projects .projects-tabs{ margin-top:30px;}
.news-detail-title{ padding:0;}
.news-detail-title h2{ font-size:22px;}
.news-detail-title .time{ font-size:14px;}
#prev-next{ margin:30px 0; padding:20px;}
.ny-news{ margin-top:30px;}
.ny-news-item{ margin-top:30px;}
.ny-news-item ul li{ margin-top:20px; padding-bottom:20px;}
.ny-news-item ul li section{ width:50%; margin-left:20px;}
.ny-news-item ul li section h5{ display:none;}
.ny-news-item ul li span{ width:152px; height:110px;}
.ny-news-item ul li img{ width:100%; height:100%;}
.ny-news-item ul li section h3{ font-size:15px;}
.ny-news-item ul li section h4{ margin-top:5px;}
.ny-news-item ul li section p{ line-height:22px; margin-top:10px; font-size:14px;}
.ny-about{display:block;}
.ny-about .left{ width:100%; height:250px;}
.ny-about .right{ margin-left:0; margin-top:20px;}
.ny-about .right h2{ font-size:20px;}
.ny-honor ul{gap:20px;}
.ny-honor ul li{width:47%;}
.ny-honor ul li .ny-honor-img{width:100%; height:120px;}
.ny-honor ul li span{ font-size:14px;}
.ny-contact{ width:100%;}
.ny-contact ul{ flex-wrap:wrap; gap:20px;}
.ny-contact ul li{ width:47%; padding:20px 15px;}
.ny-contact ul li .ny-contact-icon{width:60px; height:60px;}
.ny-contact ul li .ny-contact-icon img{ width:18px;}
.ny-contact ul li .ny-contact-tt{ font-size:15px; height:30px;}
.ny-contact ul li p{ font-size:14px; line-height:22px;}
#map{ height:220px;}
.ny-jobs{ margin:30px 0;}
.job_jian{ padding-top:0; display:block;}
.job_jian .job_jian_left{ display:none;}
.job_jian_right{ padding-left:0;}
.job_jian_right h2{ font-size:22px; padding-top:0;}
.job_jian_right h3{ font-size:14px; line-height:26px; margin-top:10px;}
.ny-jobs .job-tabs{ margin-top:30px;}
.job_list_title{ height:45px; line-height:45px; padding:0 10px;}
.job_list_title span{ font-size:14px;}
.job_xxnr section{ padding:15px 0;}
.job_xxnr section p{ font-size:14px; line-height:28px;}
.job_sel span.rs{ background:none;}
.job_sel span.dz{ background:none;}
.job_list_title span.dz{ background:none;}
.job_list_title span.rs{ background:none;}




}